{% extends "/layout.html" %}

{% block head %}
{{ parent() }}
<script type="text/javascript">
var play_path = "{{ path('Games', 'play') }}";
var search_path = "{{ path('Games', 'search', {'input':'{input}', 'page':1}) }}";
</script>
{[ js('browse') ]}
{% endblock %}

{% block content %}
{% if !user.authenticated %}
<div id="welcome" class="box wide multicolumn">
	<div class="side">
		<img alt="" src="{{ serve('image/welcome.png') }}"/>
	</div>
	<div class="title">
		<p class="title">{{ __('greetings_new') }}</p>
	</div>
	<div class="content">
		<p>{{ __('greetings_log_in') }}</p>
		<p>{{ __('greetings_points') }}</p>
	</div>
</div>
{% endif %}
{% endblock %}

{% block sidebar %}
{% if spotlight %}
<div class="box">
	<div class="title">
		<p class="title">{{ __('spotlight') }}</p>
		{% if count(spotlight) > 1 %}
		<p id="spotlight_nav" class="right">
			<a class="current"></a>{% repeat count(spotlight) - 1 %}<a></a>{% endrepeat %}
		</p>
		{% endif %}
	</div>
	<div id="spotlight_container" class="content game padded">
		<div id="spotlight">
			{% for feature in spotlight %}
			<div class="slide">
				<a href="{{ path('Games', 'play', {'slug':feature.game.slug}) }}"><img class="image" alt="" src="{{ public_file(feature, 'image') }}"/></a>
				<p class="title"><a href="{{ path('Games', 'play', {'slug':feature.game.slug}) }}">{{ feature.game.name }}</a></p>
				<p class="description">{{ feature.game.description }}</p>
				<p class="info">
					<span class="plays">{{ __('plays', feature.game.plays) }}</span>
					{% if feature.game.leaderboard_enabled %}
					<span class="rank">{{ feature.game.rank }}</span>
					{% endif %}
					<span class="rating">{{ round(feature.game.rating, 1) }}</span>
					<span class="favourites">{{ feature.game.favourites }}</span>
					<span class="comments">{{ feature.game.comments }}</span>
				</p>
			</div>
			{% endfor %}
		</div>
	</div>
</div>
{% endif %}
{% if featured %}
<div class="box">
	<div class="title">
		<p class="title">{{ __('featured') }}</p>
	</div>
	<div class="content game">
		<table class="leaderboard">
			{% for feature in featured %}
			<tr>
				<td><a href="{{ path('Games', 'play', {'slug':feature.game.slug}) }}"><img class="icon" alt="" src="{{ feature.game.file('thumbnail_url') }}"/></a></td>
				<td class="content">
					<p class="title"><a href="{{ path('Games', 'play', {'slug':feature.game.slug}) }}">{{ feature.game.name }}</a></p>
					<p class="info"><span class="plays">{{ feature.game.category }}</span></p>
				</td>
				<td><p class="info"><span class="rating">{{ round(feature.game.rating, 1) }}</span></p></td>
			</tr>
			{% endfor %}
		</table>
	</div>
</div>
{% endif %}
{{ parent() }}
{% endblock %}